{% block sw_rating_stars %}
<div
    v-tooltip="ratingTooltip"
    class="sw-rating-stars"
    :style="dynamicWidthStyle"
>

    {% block sw_rating_stars_placeholder %}
    <div class="sw-rating-stars__placeholder">

        {% block sw_rating_stars_placeholder_stars %}
        <mt-icon
            v-for="currentStar in maxStars"
            :key="`placeholder${currentStar}`"
            class="sw-rating-stars__star star-empty"
            name="solid-star"
            :size="iconSize.toString()"
        />
        {% endblock %}
    </div>
    {% endblock %}

    {% block sw_rating_stars_value %}
    <div class="sw-rating-stars__value">

        {% block sw_rating_stars_value_stars %}
        {% block sw_rating_stars_value_stars_full %}
        <mt-icon
            v-for="currentStar in Math.floor(cappedValue)"
            :key="`full${currentStar}`"
            class="sw-rating-stars__star star-full"
            name="solid-star"
            :size="iconSize.toString()"
        />
        {% endblock %}

        {% block sw_rating_stars_value_stars_partial %}
        <mt-icon
            v-if="(cappedValue % 1) > 0"
            class="sw-rating-stars__star star-partial"
            :style="partialStarCutStyle"
            name="solid-star"
            :size="iconSize.toString()"
        />
        {% endblock %}
        {% endblock %}
    </div>
    {% endblock %}
</div>
{% endblock %}
